.flipAnimation{
  position: relative;
  width: 100px;
  transition: 0.5s;
  transform-style: preserve-3d;
  // overflow: hidden;
  height: 20px;
  .normalItem {
    position: absolute;
    transform: translateZ(20px)
  }
  .hoverItem {
    position: absolute;
    transform: rotateX(-90deg) translateZ(10px)
  }
  &:hover {
    transform: rotateX(90deg);
  }
}